.p2 {
  &.swiper-slide-active {
    .man {
      -webkit-animation: w 1.5s;
      -webkit-animation-delay: 1.5s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }
    .box {
      -webkit-animation: box 0.5s;
      -webkit-animation-delay: 2.5s;
      -webkit-animation-timing-function: ease-in;
      -webkit-animation-fill-mode: backwards;
    }
    .w-right {
      -webkit-animation: zoomIn 2s;
      -webkit-animation-delay: 3s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-fill-mode: backwards;
    }
    .w-left {
      -webkit-animation: w 1s;
      -webkit-animation-delay: 5s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-fill-mode: backwards;
    }
  }
  .man {
    position: absolute;
    width: 591px;
    height: 459px;
    left: 50%;
    margin-left: -296px;
    bottom: 0;
    background: url("../img/slide/p2/man@591x459.png") no-repeat 0 0;
    z-index: 13;
  }
  .box {
    position: absolute;
    width: 368px;
    height: 487px;
    left: 50%;
    margin-left: -179px;
    bottom: 50%;
    margin-bottom: -109px;
    background: url("../img/slide/p2/box@368x487.png") no-repeat 0 0;
    z-index: 11;
  }
  .w-right {
    position: absolute;
    width: 225px;
    height: 412px;
    left: 50%;
    margin-left: -46px;
    bottom: 50%;
    margin-bottom: -14px;
    background: url("../img/slide/p2/w_right@225x412.png") no-repeat 0 0;
    z-index: 12;
  }
  .w-left {
    position: absolute;
    width: 59px;
    height: 287px;
    left: 50%;
    margin-left: -141px;
    bottom: 50%;
    margin-bottom: -68px;
    background: url("../img/slide/p2/w_left@59x287.png") no-repeat 0 0;
    z-index: 12;
  }
}